html,body{ height:100%;position: relative;}
body,h1,h2,h3,h4,h5,h6,ul,ol,p,dd,dl,dt,fieldset,form,textarea,input,button, select{margin:0;padding:0;word-wrap: break-word;outline: none;border-radius: 0;}
ul,ol{list-style:none;}
i{font-style:normal;}
img{border:0}
a{text-decoration:none;word-wrap: break-word;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.page{height: 100%;position: relative;}
.line{overflow: hidden; width: 100%; height:1px; background-color:#ddd;}
.line2{overflow: hidden; width: 100%; height:1px; background-color:#ddd; margin:0.4rem 0;}
.top{position: fixed;left: 0;top: 0;z-index:7;width: 100%;background-color: #fff;}
.top_logo,.top_pop,.top_tit{ position:relative;width:100%;height:1.39rem; max-width:22.85rem; margin:0 auto;}
.logo{ position:absolute; left:0; top:0.43rem;}
.logo a{ background:url(../imgnew/logo.png) no-repeat 0 0; background-size:2.13rem; display:block; width:2.13rem; height:0.55rem;}
.top .nav_icon{ background:url(../imgnew/icon_nav.png) no-repeat center center; background-size:0.65rem; width:1.35rem; height:1.3rem; display:none;}
.top .nav_icon:hover{ cursor:pointer;}
.nav_box{ float:left; margin-left:2.5rem;}
.nav_box ul li a:hover{text-decoration:none; color:#1da69a;}
.nav_box ul li{ font-size:0.3rem;line-height:1.39rem;padding:0 0.3rem;}
.nav_box ul li.active a{ color:#1da69a; font-weight:bold;}
.top_weibo a i{ background:url(../imgnew/weibo-gray.png) no-repeat center center;background-size:0.45rem; width:0.45rem; height:0.45rem; margin-top: 0.16rem;
}
.top_weibo a:hover i{background:url(../imgnew/weibo.png) no-repeat center center;background-size:0.45rem;transition:all .6s;}
.top_weixin a i{ background:url(../imgnew/weixin-gray.png) no-repeat center center;background-size:0.45rem; width:0.45rem; height:0.45rem;margin-top: 0.2rem;}
.top_weixin a:hover i{background:url(../imgnew/weixin.png) no-repeat center center;background-size:0.45rem;transition:all .6s;}
.top_search{ border:#ddd solid 0.02rem;-khtml-border-radius:5rem;-ms-border-radius:5rem;-o-border-radius:5rem;-moz-border-radius:5rem;-webkit-border-radius:5rem; border-radius:5rem; padding:0.1rem 0.15rem 0.1rem 0.2rem; margin-top:0.1rem;}
.search-field{ border:none;}
.top_search label{ margin:0;vertical-align: middle;}
.search-submit{background:url(../imgnew/icon_search.png) no-repeat center center; background-size:0.35rem; width:0.4rem; height:0.4rem; border:none; vertical-align:middle;}
.share_icon{background:url(../imgnew/icon_share2.png) no-repeat center center; background-size:0.6rem; width:1.3rem; height:1.3rem; display:block;position:relative;}
.share_list{ display:none;background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 75%);background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%, rgba(255,255,255,1) 75%);text-align:center; width:3rem;border:#eee solid 0.02rem;-khtml-box-shadow:rgba(0,0,0,0.1) 0 1px 2px;-ms-box-shadow:rgba(0,0,0,0.1) 0 1px 2px;-o-box-shadow:rgba(0,0,0,0.1) 0 1px 2px; -moz-box-shadow:rgba(0,0,0,0.1) 0 1px 2px;-webkit-box-shadow:rgba(0,0,0,0.1) 0 1px 2px;box-shadow:rgba(0,0,0,0.1) 0 1px 2px;left:0.3rem; z-index:999;}
.show .share_icon{ background-color:#f7f7f7;transition:all .35s; cursor:pointer;}
.share_list a{ display:block;line-height:1.3rem; font-size:0.35rem;color:#747474;}
.share_list a:hover{ border:none; line-height:1.3rem;background-color:#fff; text-decoration:none;}
.share_list.show{ display:block;}
.share_box{ display:none;}
.share_box .modal-dialog{ position:absolute;left:0;bottom:0;margin:0; width:100%;}
.share_box .modal.fade .modal-dialog{transform: translate(0,25%);}
.share_box .modal.show .modal-dialog{transform: translate(0,0);}
.share_box .modal-content{ border-radius:0;}

.share_btns{padding:0.6rem 0.45rem 0.5rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
.share_btns a{ display:block; text-align:center; color:#949494; margin-right:0.4rem;width:1.5rem; height:1.9rem}
.share_btns a:hover{ text-decoration:none;}
.share_btns a span{border:#ddd solid 0.02rem; display:block;-khtml-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%; margin-bottom:0.1rem;width:1.5rem; height:1.5rem; }
.share_btns a:hover span{ background-color:#f7f7f7;}
.share_btns .weixin_share span{ background:url(../imgnew/weixin.png) no-repeat center center;background-size:0.84rem;}
.share_btns .pengyouquan_share span{ background:url(../imgnew/pengyouquan.png) no-repeat center center;background-size:0.8rem;}
.share_btns .qq_share span{ background:url(../imgnew/QQ.png) no-repeat center center;background-size:0.8rem;}
.share_btns .qzone_share span{ background:url(../imgnew/qzone.png) no-repeat center center;background-size:0.8rem;}
.share_btns .weibo_share span{ background:url(../imgnew/weibo.png) no-repeat center center;background-size:0.8rem;}
.share_box .modal-footer{ padding:0.5rem;justify-content:center;}
.share_box .modal-footer .btn{ margin-top:0; background:none; border:#ddd solid 0.02rem; color:#666;}
.btn{ font-size:0.5rem; line-height:1rem;padding:0.2rem 0.5rem; width:5rem;margin-top:0.9rem;-khtml-border-radius:10rem;-ms-border-radius:10rem;-o-border-radius:10rem;-moz-border-radius:10rem;-webkit-border-radius:10rem; border-radius:10rem;}


.navbar-toggle { border:none;background:url(../imgnew/icon_nav.png) no-repeat center center; background-size:0.7rem;width: 1.3rem;height: 1.3rem; display:none;}
.top_r_icons{ float:right; margin-top:0.3rem;}
.top_r_icons a {display: block;text-align: center;color: #9e9e9e; font-size:0.1rem;}
.top_r_icons div{ float:right; margin-left:0.5rem;}
.top_r_icons a i{ display:block; font-size:0.47rem;width:0.5rem; height:0.5rem; line-height:0.5rem;}
.top_r_icons a:hover{transition:all .6s; text-decoration:none;}
.top_r_icons .top_search a i{ background:url(../imgnew/icon_search.png) no-repeat center center; background-size:0.4rem;}
.top_r_icons .top_search a:hover i{background:url(../imgnew/icon_search_hover.png) no-repeat center center;background-size:0.4rem;transition:all .6s;}
.top_r_icons .top_weixin a i{font-size:0.43rem;}

.footer{ background-color:#282b2d; margin-top:0.5rem; color:#828384;}
.footer_con{max-width:20.75rem; margin:0 auto; overflow:auto; padding:1rem 0;}
.footer_l{ float:left;}
.footer_l .footer_logo a{ display:inline-block;background:url(../imgnew/logo_w.png) no-repeat 0 0; width:1.8rem; height:0.45rem; background-size:1.8rem; margin-right:0.5rem;vertical-align:middle;}
.footer_l .footer_logo span{vertical-align:middle;}
.footer_r{ float:right; text-align:right;}
.footer a{color:#828384;}
.footer a:hover{color:#b4b5b6; text-decoration:none;}
.line3{overflow: hidden; width:20%; height:1px; background-color:#44474a; margin:0.6rem 0 0.2rem;}
.footer .links li{ display:inline-block; font-size:0.28rem;}
.footer .links li a::after{ content:"|"; color:#44474a; margin:0 0.3rem;}
.footer .links li:last-child a::after{ display:none;}
.icon_btns{ margin-top:0.3rem;}
.icon_btns a{border: #3f4245 solid 0.02rem;color: #b6b6b6; display:inline-block;-khtml-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%; width:0.9rem; height:0.9rem; line-height:0.9rem; text-align:center; margin-top:0.1rem; vertical-align:middle; margin-left:0.3rem;}
.icon_btns a i.weixin_icon{ display:block;background:url(../imgnew/weixin-gray.png) no-repeat center center; width:0.87rem; height:0.87rem; background-size:0.4rem;}
.icon_btns a i.weibo_icon{display:block;background:url(../imgnew/weibo-gray.png) no-repeat center center; width:0.87rem; height:0.87rem; background-size:0.41rem;}
.icon_btns a:hover i.weixin_icon{background:url(../imgnew/weixin.png) no-repeat center center;background-size:0.4rem;transition: all 0.5s;}
.icon_btns a:hover i.weibo_icon{background:url(../imgnew/weibo.png) no-repeat center center;background-size:0.41rem;transition: all 0.5s;}
.icon_btns .share_zhihu{ background:url(../imgnew/zhihu.png) no-repeat center center; width:0.87rem; height:0.87rem; background-size:0.36rem;}
.icon_btns a:hover .share_zhihu{background:url(../imgnew/zhihu_color.png) no-repeat center center;background-size:0.36rem;transition: all 0.5s;}
.icon_btns .share_toutiao{ background:url(../imgnew/toutiao.png) no-repeat center center; width:0.87rem; height:0.87rem; background-size:0.56rem;}
.icon_btns a:hover .share_toutiao{background:url(../imgnew/toutiao_color.png) no-repeat center center;background-size:0.56rem;transition: all 0.5s;}
.top_weixin{ position:relative;}
.weixin_pop{ position:absolute; right:0; top:0.8rem;-khtml-box-shadow:rgba(0,0,0,0.2) 0 1px 2px;-ms-box-shadow:rgba(0,0,0,0.2) 0 1px 2px;-o-box-shadow:rgba(0,0,0,0.2) 0 1px 2px; -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 2px;-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 2px;box-shadow:rgba(0,0,0,0.2) 0 1px 2px; text-align:center; background-color:#FFF; padding:0.2rem;}
.weixin_pop img{ width:2rem; height:2rem;}
.weixin_pop::before {content: '';position: absolute;top:-0.2rem;right:0.2rem;border-left:0.2rem solid transparent;border-right:0.2rem solid transparent;border-bottom:0.2rem solid #fff;}
.footer_weixin{position:relative;}
.footer_weixin .weixin_pop{top: -1.5rem;right: 1.1rem;}
.weixin_pop p{line-height:0.4rem}
.footer_weixin .weixin_pop::before{border-bottom:0.2rem solid transparent;border-top:0.2rem solid transparent;border-left:0.2rem solid #fff;right:-0.4rem;top:1.8rem;}
@media only screen and (max-width:1200px),only screen and (max-device-width:1200px)  {
.logo{margin-left:0.4rem;}
.top_r_icons{margin-right:0.4rem;}
.footer_con{ padding:0.8rem 0.4rem;}
}

@media only screen and (max-width:728px),only screen and (max-device-width:728px)  {
.navbar-toggle{ display:block;}
.navbar-offcanvas{position:fixed;height:100%;width:30%;max-width:100%;left:-250px;top:0px;z-index:999;/*overflow-y:scroll;*/-webkit-overflow-scrolling:touch;-webkit-transition:all 0.15s ease-in;-moz-transition:all 0.15s ease-in;-o-transition:all 0.15s ease-in;transition:all 0.15s ease-in;}/*.navbar-offcanvas.in{box-shadow:0px 0px 20px black;box-shadow:0px 0px 20px rgba(0, 0, 0, 0.3);}*/.navbar-offcanvas.navbar-offcanvas-fade{opacity:0;}.navbar-offcanvas.navbar-offcanvas-fade.in{opacity:1;}.navbar-offcanvas.offcanvas-transform.in{ background-color:#333;-webkit-transform:translate3d(250px, 0px, 0px);-moz-transform:translate3d(250px, 0px, 0px);-o-transform:translate3d(250px, 0px, 0px);transform:translate3d(250px, 0px, 0px);}.navbar-offcanvas.offcanvas-position.in{left:0px;}.navbar-offcanvas.navbar-offcanvas-right{left:auto;right:-250px;}.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in{-webkit-transform:translate3d(-250px, 0px, 0px);-moz-transform:translate3d(-250px, 0px, 0px);-o-transform:translate3d(-250px, 0px, 0px);transform:translate3d(-250px, 0px, 0px);}.navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in{left:auto;right:0px;}.navbar-offcanvas .dropdown.active .caret{border-top:0px;border-bottom:4px solid;}.navbar-offcanvas .dropdown-menu{position:relative;display:block;width:100%;background:inherit;border:inherit;box-shadow:none;padding:0px;overflow:hidden;-webkit-transition:all 0.15s ease-in;-moz-transition:all 0.15s ease-in;-o-transition:all 0.15s ease-in;transition:all 0.15s ease-in;height:0px;}.navbar-offcanvas .dropdown-menu.shown{height:auto;}.navbar-offcanvas .dropdown-menu>li>a{color:#777;padding:5px 15px 5px 30px;}
.top_logo{ position:relative;}
.share_box{ position:absolute; right:0; top:0; display:inline-block;}
.logo{ position:inherit; left:0; top:0;}
.top .logo{width:100%; padding-top:0.4rem;}
.top .logo a{ margin:0 auto;}
.navbar-nav{ margin-top:1rem;}
.nav_box{margin-left:0;}
.nav_box ul li{ display:block; width:100%; line-height:1rem; padding:0;}
.nav_box ul li a{ color:#CCC; font-size:0.3rem; display:block; text-align:center;}
.nav_box ul li a:hover,.nav_box ul li a:active{background:rgba(0,0,0,0.2);}
.logo {margin-left:0;}
.top_r_icons{ display:none;}
.footer_con{ padding:0.5rem 0.4rem;}
.footer_l .footer_logo,.footer .line3{ display:none;}
.footer_l,.footer_r{ float:none; text-align:center;}
.footer_l{ margin-top:0.2rem;font-size:0.24rem;}
.footer_r{ position:relative; padding-top:1.3rem; }
.footer_r .icon_btns{ position:absolute; top:0; margin-top:0; width:100%; text-align:center;}
}